<script setup lang="ts">
</script>

<template>
    <router-view />
</template>

<style>
    #app {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-align: center;
        /* color: #fff; */
    }
    body {
        border: 0;
        margin: 0;
        padding: 0;
        /* elementPlus需要设置字体大小，不然ElMessage的图标会小了 */
        font-size: 14px; 
    }
    ::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 8px;  /*高宽分别对应横竖滚动条的尺寸*/
        height: 8px;
        background: #f1f1f1;
    }
    ::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 10px;
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: rgb(179, 178, 178)
    }
    ::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: #f1f1f1;
    }
    ::-webkit-scrollbar-button{
        /* 滚动条两端的按钮 */
        /* // background: #f1f1f1; */
        width: 0;
        height: 0;
    }
    /* 当滑块悬停或活动时，可以添加更多样式 */
    ::-webkit-scrollbar-thumb:hover {
        background: rgb(148, 148, 148); /* 设置滑块在悬停状态下的背景颜色 */
    }
</style>
